﻿<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Musicly - Music Bands and Musicians HTML5 Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Place favicon.svg in the root directory -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.svg">
    <!-- CSS here -->
    <link rel="stylesheet" href="assets/app/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/app/css/meanmenu.min.css">
    <link rel="stylesheet" href="assets/app/css/nice-select.css">
    <link rel="stylesheet" href="assets/app/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/app/css/slick.css">
    <link rel="stylesheet" href="assets/app/css/jquery-ui.min.css">
    <link rel="stylesheet" href="assets/app/css/backtotop.css">
    <link rel="stylesheet" href="assets/app/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/app/css/flaticon_musicly.css">
    <link rel="stylesheet" href="assets/app/css/fontawesome-pro.css">
    <link rel="stylesheet" href="assets/app/css/spacing.css">
    <link rel="stylesheet" href="assets/app/css/main.css">
</head>

<body>

    <!--[if lte IE 9]>
      <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
      <![endif]-->

    <div class="mouseCursor cursor-outer"></div>
    <div class="mouseCursor cursor-inner"><span>Drag</span></div>

    <!-- Preloader start -->
    <div id="preloader">
        <div class="line-loader">
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
        </div>
    </div>
    <!-- preloader end -->

    <!-- Offcanvas area start -->
    <div class="fix">
        <div class="offcanvas__info">
            <div class="offcanvas__wrapper">
                <div class="offcanvas__content">
                    <div class="offcanvas__top mb-40 d-flex justify-content-between align-items-center">
                        <div class="offcanvas__logo">
                            <a href="index.html">
                                <img src="assets/img/logo/logo.svg" alt="logo">
                            </a>
                        </div>
                        <div class="offcanvas__close">
                            <button>
                                <i class="fal fa-times"></i>
                            </button>
                        </div>
                    </div>
                    <div class="offcanvas__user mb-30 d-xxl-none">
                        <div class="user__acount">
                            <span>
                                <a href="javascript:void(0)"><i class="flaticon-user"></i></a>
                            </span>
                            <div class="user__name-mail">
                                <h4 class="user__name"><a href="javascript:void(0)">Johnson</a></h4>
                                <p class="user__mail"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="28424740465b4746685f4d4a45494144064b4745">[email&#160;protected]</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="offcanvas__search mb-30">
                        <form action="#">
                            <input type="text" placeholder="Search Here">
                            <button type="submit"><i class="far fa-search"></i></button>
                        </form>
                    </div>
                    <div class="hr-1 mt-30 mb-30 d-xl-block"></div>
                    <div class="mobile-menu2 fix mb-30  d-xl-block"></div>
                    <div class="hr-1 mt-30 mb-30 d-xl-block"></div>
                    <div class="offcanvas__btn mb-30">
                        <a class="ms-border-btn" href="services.html"><i class="fa-solid fa-plus"></i> List Your
                            Service</a>
                    </div>
                    <div class="offcanvas__social">
                        <div class="ms-footer-social mb-0">
                            <a href="https://www.linkedin.com/" title="Instagram" target="_blank">IN</a>
                            <a href="https://twitter.com/" title="Twitter" target="_blank">TW</a>
                            <a href="https://www.facebook.com/" title="Facebook" target="_blank">FB</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- search popup start -->
    <div class="search__popup ms-border3">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12">
                    <div class="search__wrapper">
                        <div class="search__top d-flex justify-content-end">
                            <div class="search__close">
                                <button type="button" class="search__close-btn search-close-btn">
                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path d="M17 1L1 17" stroke="currentColor" stroke-width="1.5"
                                            stroke-linecap="round" stroke-linejoin="round" />
                                        <path d="M1 1L17 17" stroke="currentColor" stroke-width="1.5"
                                            stroke-linecap="round" stroke-linejoin="round" />
                                    </svg>
                                </button>
                            </div>
                        </div>
                        <div class="search__form">
                            <form action="#">
                                <div class="search__input">
                                    <input class="search-input-field" type="text" placeholder="Search Here">
                                    <button type="submit">
                                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M9.55 18.1C14.272 18.1 18.1 14.272 18.1 9.55C18.1 4.82797 14.272 1 9.55 1C4.82797 1 1 4.82797 1 9.55C1 14.272 4.82797 18.1 9.55 18.1Z"
                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                                                stroke-linejoin="round" />
                                            <path d="M19.0002 19.0002L17.2002 17.2002" stroke="currentColor"
                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                        </svg>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- search popup end -->

    <div class="offcanvas__overlay"></div>
    <div class="offcanvas__overlay-white"></div>
    <!-- Offcanvas area start -->

    <!-- Header area start -->
    <header>
        <div class="ms-header3 ms-header3-space zindex-500 p-relative">
            <div class="ms-header3-wrap d-flex align-items-center justify-content-between">
                <div class="ms-header3-item">
                    <div class="d-flex align-items-center">
                        <div class="ms-header-search p-relative d-none d-xl-block mr-30">
                            <form>
                                <input type="text" placeholder="Search">
                                <button type="submit"><i class="flaticon-loupe"></i></button>
                            </form>
                        </div>
                        <div class="ml-nl-logo ms-mw-142 d-xl-none m-img mr-50">
                            <a href="index.html"><img src="assets/img/logo/footer-logo.png" alt="logo"></a>
                        </div>
                        <div class="d-none d-xl-block">
                            <div class="ms-header-social mb-10">
                                <a href="https://www.instagram.com/" target="_blank" title="Instagram">IN</a>
                                <a href="https://twitter.com/" target="_blank" title="Twitter">TW</a>
                                <a href="https://www.facebook.com/" target="_blank" title="Facebook">FB</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ms-header3-item d-flex align-items-center">
                    <a class="ms-border-btn d-none d-xl-block" href="join.html"><i class="fa-solid fa-plus"></i>
                        List
                        Your
                        Service</a>
                    <a class="ms-profile-btn ml-30 d-none d-xl-block" href="#"><i class="flaticon-user"></i></a>
                    <a href="javascript:void(0)" class="ms-dot-toggle ml-30 ms-cp sidebar__toggle d-xl-none">
                        <img src="assets/img/header/menu-dot.png" alt="menu dot">
                    </a>
                </div>
            </div>
        </div>
        <div class="ms-header3-menu d-none">
            <div class="mean__menu-wrapper">
                <div class="main-menu main-menu-ff-space">
                    <nav id="mobile-menu2">
                        <ul>
                            <li class="has-dropdown">
                                <a href="index.html">Home</a>
                                <ul class="submenu">
                                    <li><a href="index.html">Home Style 01</a></li>
                                    <li><a href="index-2.html">Home Style 02</a></li>
                                    <li><a href="index-3.html">Home Style 03</a></li>
                                    <li class="has-dropdown">
                                        <a href="javascript:void(0)">RTL Demos</a>
                                        <ul class="submenu">
                                            <li><a href="index-rtl.html">Home Style 01 RTL</a>
                                            </li>
                                            <li><a href="index-2-rtl.html">Home Style 02 RTL</a>
                                            </li>
                                            <li><a href="index-3-rtl.html">Home Style 03 RTL</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="about.html">About us</a>
                            </li>

                            <li>
                                <a href="work-system.html">How It Works</a>
                            </li>

                            <li class="has-dropdown has-mega-menu">
                                <a href="javascript:void(0)">Pages</a>

                                <ul class="mega-menu">
                                    <li>
                                        <a href="javasript:void(0);" class="mega-menu-title">Page
                                            Layout
                                            1</a>
                                        <ul>
                                            <li><a href="index.html">Home Style 01</a></li>
                                            <li><a href="index-2.html">Home Style 02</a></li>
                                            <li><a href="index-3.html">Home Style 03</a></li>
                                            <li><a href="index-rtl.html">Home Style 01 RTL</a>
                                            </li>
                                            <li><a href="index-2-rtl.html">Home Style 02 RTL</a>
                                            </li>
                                            <li><a href="index-3-rtl.html">Home Style 03 RTL</a>
                                            </li>
                                            <li><a href="about.html">About</a></li>

                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javasript:void(0);" class="mega-menu-title">Page
                                            Layout
                                            2</a>
                                        <ul>
                                            <li><a href="genres.html">genres</a></li>
                                            <li><a href="genres-details.html">genres details</a>
                                            </li>
                                            <li><a href="team.html">Team</a></li>
                                            <li><a href="team-details.html">team details</a>
                                            </li>
                                            <li><a href="enquiry-list.html">enquiry list</a>
                                            </li>
                                            <li><a href="work-system.html">how it works</a></li>
                                            <li><a href="faq.html">FAQ</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javasript:void(0);" class="mega-menu-title">Page
                                            Layout
                                            3</a>
                                        <ul>
                                            <li><a href="event.html">event</a></li>
                                            <li><a href="event-details.html">event details</a>
                                            </li>
                                            <li><a href="ideas-advice.html">ideas advice</a>
                                            </li>
                                            <li><a href="ideas-advice-details.html">ideas advice
                                                    details</a></li>
                                            <li><a href="news.html">blog</a></li>
                                            <li><a href="news-details.html">blog details</a>
                                            </li>
                                            <li><a href="join.html">Join Us</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javasript:void(0);" class="mega-menu-title">Page
                                            Layout
                                            4</a>
                                        <ul>
                                            <li><a href="shop.html">Shop</a></li>
                                            <li><a href="shop-details.html">Shop
                                                    Details</a></li>
                                            <li><a href="cart.html">cart</a></li>
                                            <li><a href="wishlist.html">wishlist</a></li>
                                            <li><a href="login.html">Login</a></li>
                                            <li><a href="signup.html">Register</a></li>
                                            <li><a href="contact.html">contact</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            <li class="has-dropdown">
                                <a href="news.html">Blog</a>
                                <ul class="submenu">
                                    <li><a href="news.html">Blog</a></li>
                                    <li><a href="news-details.html">Blog details</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="contact.html"> Help Center</a>
                            </li>
                        </ul>
                    </nav>
                    <!-- for wp -->
                    <div class="header__hamburger ml-50 d-none">
                        <button type="button" class="hamburger-btn offcanvas-open-btn">
                            <span>01</span>
                            <span>01</span>
                            <span>01</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <div id="header-sticky"
        class="ms-header3 ms-header-fixed ms-header3-sticky ms-header-fixed ms-header4-space zindex-500 p-relative">
        <div class="ms-header3-wrap d-flex align-items-center justify-content-between">
            <div class="ms-header3-item">
                <div class="d-flex align-items-center">
                    <div class="ml-nl-logo ms-mw-142 m-img mr-50">
                        <a href="index.html"><img src="assets/img/logo/footer-logo.png" alt="logo"></a>
                    </div>
                    <div class="d-none d-xl-block">
                        <div class="ms-header-social mb-10">
                            <a href="https://www.instagram.com/" target="_blank" title="Instagram">IN</a>
                            <a href="https://twitter.com/" target="_blank" title="Twitter">TW</a>
                            <a href="https://www.facebook.com/" target="_blank" title="Facebook">FB</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ms-header3-item d-flex align-items-center">
                <a class="ms-border-btn d-none d-xl-block" href="join.html"><i class="fa-solid fa-plus"></i>
                    List
                    Your
                    Service</a>
                <a class="ms-profile-btn ml-30 d-none d-xl-block" href="#"><i class="flaticon-user"></i></a>
                <a href="javascript:void(0)" class="ms-dot-toggle ml-30 ms-cp sidebar__toggle">
                    <img src="assets/img/header/menu-dot.png" alt="menu dot">
                </a>

            </div>
        </div>
    </div>

    <!-- Header area end -->

    <div id="smooth-wrapper">
        <div id="smooth-content">
            <div class="ms-all-content pt-0">
                <main>
                    <!-- Banner 3 Area Start Here  -->
                    <div class="ms-banner3-area fix pl-40 pr-40 mb-0">
                        <div class="ms-banner3-item-wrap ms-mih-400 d-flex align-items-center">
                            <div class="ms-banner3-item d-none d-md-block">
                                <div class="ms-banner3-img1 ms-opacity-2 p-relative m-img">
                                    <div class="ms-overlay2 p-absolute"></div>
                                    <img src="assets/img/banner/banner-thumb-04.png" alt="banner image">
                                </div>
                            </div>
                            <div class="ms-banner3-item">
                                <div class="ms-banner3-img2 m-img p-relative">
                                    <img src="assets/img/banner/banner-thumb-05.png" alt="banner image">
                                    <div class="ms-banner3-round zindex--1 p-absolute m-img">
                                        <img src="assets/img/banner/banner-round-shape.png" alt="banner round shape">
                                    </div>
                                </div>
                            </div>
                            <div class="ms-banner3-item d-none d-md-block">
                                <div class="ms-banner3-img3 ms-opacity-2 p-relative m-img">
                                    <div class="ms-overlay2 p-absolute"></div>
                                    <img src="assets/img/banner/banner-thumb-06.png" alt="banner image">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Banner 3 Area End Here  -->

                    <!-- Navigation Area Start Here  -->
                    <div class="ms-navigation-area fix">
                        <div class=" ms-navigation-wrap ms-bg-3">
                            <div class="d-none d-xl-block">
                                <div class="ms-nl-wrap ms-bg-5">
                                    <div class="ms-nl-item">
                                        <div class="ml-nl-logo ms-mw-142 m-img">
                                            <a href="index.html"><img src="assets/img/logo/footer-logo.png"
                                                    alt="logo"></a>
                                        </div>
                                    </div>
                                    <div class="ms-nl-item">
                                        <div class="ms-dot-toggle ms-cp sidebar__toggle">
                                            <img src="assets/img/header/menu-dot.png" alt="menu dot">
                                        </div>
                                    </div>
                                    <div class="ms-nl-item">
                                        <div class="ms-nl-search">
                                            <a class="ms-search-btn" href="#"><i class="flaticon-loupe"></i> Find
                                                Acts</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ms-navigation-slider pt-20 pb-20">
                                <div class="ms-ns-active">
                                    <div class="ms-ns-slick">
                                        <h3 class="ms-ns-title ms-text-stroke"><a href="#">dancer</a></h3>
                                    </div>
                                    <div class="ms-ns-slick">
                                        <h3 class="ms-ns-title ms-text-stroke"><a href="#">Singer</a></h3>
                                    </div>
                                    <div class="ms-ns-slick">
                                        <h3 class="ms-ns-title ms-text-stroke"><a href="#">Bands</a></h3>
                                    </div>
                                    <div class="ms-ns-slick">
                                        <h3 class="ms-ns-title ms-text-stroke"><a href="#">magician</a></h3>
                                    </div>
                                    <div class="ms-ns-slick">
                                        <h3 class="ms-ns-title ms-text-stroke"><a href="#">DJs</a></h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Navigation Area End Here  -->

                    <!-- work area start -->
                    <section class="work__area work-overlay pt-130 pb-70 include__bg"
                        data-background="assets/img/bg/work-bg.jpg">
                        <div class="container">
                            <div class="row align-items-center bdFadeUp">
                                <div class="col-xl-6">
                                    <div class="ms-work3-thumb-wrap d-inline-block p-relative mb-60">
                                        <div class="ms-work3-inner">
                                            <div class="ms-work3-thumb m-img p-relative fix ms-br-20">
                                                <div class="ms-overlay ms-overlay3 p-absolute"></div>
                                                <img src="assets/img/work/work-thumb-05.jpg" alt="work image">
                                            </div>
                                            <div class="work__features-bottom ms-work3-features pb-0">
                                                <div class="work__features-action">
                                                    <div class="work__features-btn ms-work3-feature-btn">
                                                        <a class="ms-fill-btn" href="contact.html">Get Started</a>
                                                    </div>
                                                    <div class="features__btn-text">
                                                        <span>Book something <br> awesome !</span>
                                                    </div>
                                                </div>
                                                <div class="work__features-arrow">
                                                    <img src="assets/img/work/arrow.png" alt="image not found">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-10">
                                    <div class="work__content-wrapper work__content-wrapper-space p-relative mb-60">
                                        <div class="section__title-wrapper mb-50 bd-title-anim">
                                            <span class="section__subtitle">How it Works</span>
                                            <h2 class="section__title two">
                                                Welcome to the UK's leading
                                                live <span class="ms-text1">music booking</span> agency
                                            </h2>
                                        </div>
                                        <p class="mb-50">Our hand-picked acts will guarantee you fantastic wedding
                                            entertainment
                                            for
                                            each
                                            part. We'll
                                            provide help and support 24 hours a day, 7 days a week, right up until</p>
                                        <div class="work__features-inner">
                                            <div class="work__features-item">
                                                <div class="work__features-icon">
                                                    <span>
                                                        <svg width="46" height="27" viewBox="0 0 46 27" fill="none"
                                                            xmlns="http://www.w3.org/2000/svg">
                                                            <g clip-path="url(#clip0_36_265)">
                                                                <mask id="mask0_36_265" style="mask-type:alpha"
                                                                    maskUnits="userSpaceOnUse" x="2" y="-1" width="42"
                                                                    height="27">
                                                                    <path
                                                                        d="M40.3981 0.0808105H5.59708C4.33871 0.0808105 3.3186 1.1096 3.3186 2.37868V23.0226C3.3186 24.2917 4.33871 25.3205 5.59708 25.3205H40.3981C41.6565 25.3205 42.6766 24.2917 42.6766 23.0226V2.37868C42.6766 1.1096 41.6565 0.0808105 40.3981 0.0808105Z"
                                                                        fill="#DFEFFF" stroke="#2690FF"
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round" />
                                                                </mask>
                                                                <g mask="url(#mask0_36_265)">
                                                                    <path
                                                                        d="M40.3981 0.0808105H5.59708C4.33871 0.0808105 3.3186 1.1096 3.3186 2.37868V23.0226C3.3186 24.2917 4.33871 25.3205 5.59708 25.3205H40.3981C41.6565 25.3205 42.6766 24.2917 42.6766 23.0226V2.37868C42.6766 1.1096 41.6565 0.0808105 40.3981 0.0808105Z"
                                                                        stroke="white" stroke-linecap="round"
                                                                        stroke-linejoin="round" />
                                                                </g>
                                                                <mask id="mask1_36_265" style="mask-type:alpha"
                                                                    maskUnits="userSpaceOnUse" x="0" y="23" width="46"
                                                                    height="4">
                                                                    <path
                                                                        d="M3.05673 25.8934C3.60661 26.3559 4.56615 26.7308 5.19913 26.7308H41.5731C42.2065 26.7308 43.1378 26.2914 43.6562 25.7464L45.0058 24.3275C45.523 23.7838 45.4265 23.343 44.7957 23.343H1.17102C0.537823 23.343 0.470957 23.7185 1.02017 24.1805L3.05673 25.8934Z"
                                                                        fill="#2690FF" />
                                                                </mask>
                                                                <g mask="url(#mask1_36_265)">
                                                                    <path
                                                                        d="M3.05673 25.8934C3.60661 26.3559 4.56615 26.7308 5.19913 26.7308H41.5731C42.2065 26.7308 43.1378 26.2914 43.6562 25.7464L45.0058 24.3275C45.523 23.7838 45.4265 23.343 44.7957 23.343H1.17102C0.537823 23.343 0.470957 23.7185 1.02017 24.1805L3.05673 25.8934Z"
                                                                        fill="white" />
                                                                </g>
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                    d="M14.6847 16.2461H16.1739L15.057 10.614H11.7063L10.9617 16.2461H12.4509V17.7478C12.4509 18.368 12.9509 18.8743 13.5678 18.8743C14.1889 18.8743 14.6847 18.37 14.6847 17.7478V16.2462V16.2461Z"
                                                                    fill="white" stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                    d="M21.7584 18.8743H20.2692L18.4077 10.6139H23.6199L21.7584 18.8743Z"
                                                                    fill="white" stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                                <path
                                                                    d="M13.3817 9.48762C14.3069 9.48762 15.057 8.73116 15.057 7.79801C15.057 6.86486 14.3069 6.1084 13.3817 6.1084C12.4564 6.1084 11.7063 6.86486 11.7063 7.79801C11.7063 8.73116 12.4564 9.48762 13.3817 9.48762Z"
                                                                    fill="white" stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                                <path
                                                                    d="M20.8277 9.48762C21.753 9.48762 22.5031 8.73116 22.5031 7.79801C22.5031 6.86486 21.753 6.1084 20.8277 6.1084C19.9024 6.1084 19.1523 6.86486 19.1523 7.79801C19.1523 8.73116 19.9024 9.48762 20.8277 9.48762Z"
                                                                    fill="white" stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                                <path d="M27.9299 7.56274H34.8759" stroke="white"
                                                                    stroke-linecap="round" />
                                                                <path d="M27.9299 10.4714H34.8759" stroke="white"
                                                                    stroke-linecap="round" />
                                                                <path d="M27.9299 13.3801H34.8759" stroke="white"
                                                                    stroke-linecap="round" />
                                                                <path d="M27.9299 16.2888H32.5446" stroke="white"
                                                                    stroke-linecap="round" />
                                                            </g>
                                                            <defs>
                                                                <clipPath id="clip0_36_265">
                                                                    <rect width="45" height="27" fill="white"
                                                                        transform="translate(0.523438)" />
                                                                </clipPath>
                                                            </defs>
                                                        </svg>
                                                    </span>
                                                </div>
                                                <div class="work__features-content">
                                                    <h4>Browse and compare.</h4>
                                                    <p>Compare rates and availability <br> of local entertainers</p>
                                                </div>
                                            </div>
                                            <div class="work__features-item">
                                                <div class="work__features-icon">
                                                    <span>
                                                        <svg width="46" height="30" viewBox="0 0 46 30" fill="none"
                                                            xmlns="http://www.w3.org/2000/svg">
                                                            <g clip-path="url(#clip0_36_354)">
                                                                <mask id="mask0_36_354" style="mask-type:alpha"
                                                                    maskUnits="userSpaceOnUse" x="6" y="-1" width="41"
                                                                    height="27">
                                                                    <path
                                                                        d="M9.26562 24.7666L43.3012 24.7666C44.5285 24.7666 45.5234 23.7717 45.5234 22.5444V2.25166C45.5234 1.02435 44.5285 0.0294323 43.3012 0.0294323L9.26562 0.0294323C8.03832 0.0294323 7.0434 1.02435 7.0434 2.25166V22.5444C7.0434 23.7717 8.03832 24.7666 9.26562 24.7666Z"
                                                                        fill="#DFEFFF" stroke="#2690FF"
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round" />
                                                                </mask>
                                                                <g mask="url(#mask0_36_354)">
                                                                    <path
                                                                        d="M9.26562 24.7666L43.3012 24.7666C44.5285 24.7666 45.5234 23.7717 45.5234 22.5444V2.25166C45.5234 1.02435 44.5285 0.0294323 43.3012 0.0294323L9.26562 0.0294323C8.03832 0.0294323 7.0434 1.02435 7.0434 2.25166V22.5444C7.0434 23.7717 8.03832 24.7666 9.26562 24.7666Z"
                                                                        stroke="white" stroke-linecap="round"
                                                                        stroke-linejoin="round" />
                                                                </g>
                                                                <path
                                                                    d="M40.7134 17.208L27.6577 17.208M24.9091 17.208L11.8533 17.208"
                                                                    stroke="white" stroke-linecap="square"
                                                                    stroke-linejoin="round" />
                                                                <path
                                                                    d="M31.5173 11.7109L39.6023 11.7109C40.2159 11.7109 40.7134 11.2135 40.7134 10.5998V5.95061C40.7134 5.33696 40.2159 4.8395 39.6023 4.8395L31.5173 4.8395C30.9037 4.8395 30.4062 5.33696 30.4062 5.95061V10.5998C30.4062 11.2135 30.9037 11.7109 31.5173 11.7109Z"
                                                                    stroke="white" stroke-width="2"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                                <path
                                                                    d="M34.5291 11.7109V4.8395M40.7134 8.96236H35.2162M34.5291 7.58808H30.4062"
                                                                    stroke="white" stroke-linecap="square"
                                                                    stroke-linejoin="round" />
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                    d="M1.26636 20.3433H12.9603V28.4391H1.26636V20.3433Z"
                                                                    fill="white" stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                                <path
                                                                    d="M12.0606 19.8935C12.0606 17.1611 9.8456 14.946 7.11321 14.946C4.38081 14.946 2.16577 17.1611 2.16577 19.8935"
                                                                    stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                            </g>
                                                            <defs>
                                                                <clipPath id="clip0_36_354">
                                                                    <rect width="45" height="29.4444" fill="white"
                                                                        transform="translate(0.523438)" />
                                                                </clipPath>
                                                            </defs>
                                                        </svg>
                                                    </span>
                                                </div>
                                                <div class="work__features-content">
                                                    <h4>Book securely.</h4>
                                                    <p>Booking through GigSalad <br> ensures payment protection.</p>
                                                </div>
                                            </div>
                                            <div class="work__features-item">
                                                <div class="work__features-icon">
                                                    <span>
                                                        <svg width="46" height="42" viewBox="0 0 46 42" fill="none"
                                                            xmlns="http://www.w3.org/2000/svg">
                                                            <g clip-path="url(#clip0_36_396)">
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                    d="M36.5665 12.3724C38.1067 12.677 39.8538 12.4088 41.4313 11.4975C44.5453 9.70015 45.8206 6.07889 44.2793 3.4094C42.7388 0.740078 38.965 0.0338131 35.8508 1.83184C34.2735 2.7425 33.1675 4.12203 32.6608 5.60739L36.5665 12.3724Z"
                                                                    stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                                <mask id="mask0_36_396" style="mask-type:alpha"
                                                                    maskUnits="userSpaceOnUse" x="38" y="2" width="4"
                                                                    height="4">
                                                                    <path
                                                                        d="M38.9634 2.95068L40.5035 3.36336L40.0908 4.90348L38.5507 4.4908L38.9634 2.95068Z"
                                                                        stroke="#2690FF" stroke-linecap="round"
                                                                        stroke-linejoin="round" />
                                                                </mask>
                                                                <g mask="url(#mask0_36_396)">
                                                                    <path
                                                                        d="M39.8188 2.83813L40.6161 4.21897L39.2352 5.01619L38.438 3.63536L39.8188 2.83813Z"
                                                                        stroke="white" stroke-linecap="round"
                                                                        stroke-linejoin="round" />
                                                                </g>
                                                                <mask id="mask1_36_396" style="mask-type:alpha"
                                                                    maskUnits="userSpaceOnUse" x="39" y="5" width="4"
                                                                    height="4">
                                                                    <path
                                                                        d="M40.5579 5.7124L42.098 6.12508L41.6853 7.6652L40.1452 7.25252L40.5579 5.7124Z"
                                                                        stroke="#2690FF" stroke-linecap="round"
                                                                        stroke-linejoin="round" />
                                                                </mask>
                                                                <g mask="url(#mask1_36_396)">
                                                                    <path
                                                                        d="M41.4133 5.59985L42.2106 6.98069L40.8297 7.77791L40.0325 6.39708L41.4133 5.59985Z"
                                                                        stroke="white" stroke-linecap="round"
                                                                        stroke-linejoin="round" />
                                                                </g>
                                                                <mask id="mask2_36_396" style="mask-type:alpha"
                                                                    maskUnits="userSpaceOnUse" x="36" y="5" width="4"
                                                                    height="4">
                                                                    <path
                                                                        d="M36.999 5.92603L38.5391 6.3387L38.1265 7.87882L36.5863 7.46614L36.999 5.92603Z"
                                                                        stroke="#2690FF" stroke-linecap="round"
                                                                        stroke-linejoin="round" />
                                                                </mask>
                                                                <g mask="url(#mask2_36_396)">
                                                                    <path
                                                                        d="M37.8545 5.81348L38.6517 7.19431L37.2709 7.99153L36.4737 6.6107L37.8545 5.81348Z"
                                                                        stroke="white" stroke-linecap="round"
                                                                        stroke-linejoin="round" />
                                                                </g>
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                    d="M33.0191 6.22821L36.2079 11.7513L33.4466 13.3461L30.2571 7.82284L33.0191 6.22821Z"
                                                                    fill="white" stroke="white" stroke-width="2"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                    d="M30.2575 7.82262L33.4462 13.3457L15.0969 23.0193L12.7052 18.8768L30.2575 7.82262Z"
                                                                    stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                    d="M13.1038 19.5673L14.6985 22.3293L11.9367 23.9233L10.3419 21.1619L13.1038 19.5673Z"
                                                                    fill="white" stroke="white" stroke-width="2"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                                <path d="M11.1395 22.5428L4.23499 26.5292"
                                                                    stroke="white" stroke-linecap="square"
                                                                    stroke-linejoin="round" />
                                                                <path
                                                                    d="M3.54494 26.9275C1.63803 28.0284 0.984887 30.466 2.08584 32.3729C3.18697 34.2791 5.62455 34.9323 7.53127 33.832M11.5172 40.7358C13.4241 39.6348 14.0772 37.1973 12.9763 35.2904C11.8751 33.3841 9.43756 32.731 7.53084 33.8313"
                                                                    stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                    d="M29.0258 35.4579C30.7317 35.4579 32.115 34.5359 32.115 33.3984C32.115 32.2608 30.7317 31.3389 29.0258 31.3389C27.3198 31.3389 25.9365 32.2608 25.9365 33.3984C25.9365 34.5359 27.3198 35.4579 29.0258 35.4579Z"
                                                                    fill="white" />
                                                                <path d="M31.4285 32.7118V23.1736" stroke="white"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                    d="M37.9503 38.204C39.6563 38.204 41.0396 37.282 41.0396 36.1445C41.0396 35.0069 39.6563 34.085 37.9503 34.085C36.2444 34.085 34.8611 35.0069 34.8611 36.1445C34.8611 37.282 36.2444 38.204 37.9503 38.204Z"
                                                                    fill="white" />
                                                                <path d="M40.3529 34.7713V25.4452L31.4285 23.1008"
                                                                    stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                            </g>
                                                            <defs>
                                                                <clipPath id="clip0_36_396">
                                                                    <rect width="45" height="41.4474" fill="white"
                                                                        transform="translate(0.523438)" />
                                                                </clipPath>
                                                            </defs>
                                                        </svg>
                                                    </span>
                                                </div>
                                                <div class="work__features-content">
                                                    <h4>Enjoy your event.</h4>
                                                    <p>Sit back, relax, and watch <br> your party come to life.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="work__thumb-card ms-work3-card">
                                            <div class="work__card-content">
                                                <span>Excellent :</span>
                                                <p>1050 Review On</p>
                                            </div>
                                            <div class="card__button">
                                                <a class="card__btn" href="#">
                                                    <img src="assets/img/work/star.png" alt="work icon">
                                                    <span>Trustpilot</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- work area end -->

                    <!-- Popular  area start -->
                    <section class="ms-popular__area pt-130 pb-100 p-relative include__bg"
                        data-background="assets/img/trending/tranding-bg.png">
                        <div class="ms-overlay ms-overlay4 p-absolute"></div>
                        <div class="container">
                            <div class="row align-items-end mb-25 bdFadeUp">
                                <div class="col-lg-6">
                                    <div class="section__title-wrapper mb-40 bd-title-anim">
                                        <span class="section__subtitle">Popular Categories</span>
                                        <h2 class="section__title">
                                            Handpicked <span class="ms-text1">party <br> bands</span> for 2023
                                        </h2>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="ms-popular__tab p-relative zindex-1 ms-popular-flex mb-40">
                                        <nav>
                                            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                                <button class="nav-link active" id="nav-popular-1-tab"
                                                    data-bs-toggle="tab" data-bs-target="#nav-popular-1" type="button"
                                                    role="tab" aria-controls="nav-popular-1"
                                                    aria-selected="true">Musical Acts</button>
                                                <button class="nav-link" id="nav-popular-2-tab" data-bs-toggle="tab"
                                                    data-bs-target="#nav-popular-2" type="button" role="tab"
                                                    aria-controls="nav-popular-2"
                                                    aria-selected="false">Entertainers</button>
                                                <button class="nav-link" id="nav-popular-3-tab" data-bs-toggle="tab"
                                                    data-bs-target="#nav-popular-3" type="button" role="tab"
                                                    aria-controls="nav-popular-3" aria-selected="false">Event
                                                    Services</button>
                                            </div>
                                        </nav>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="container-fluid">
                            <div class="row bdFadeUp">
                                <div class="col-xxl-12">
                                    <div class="tab-content" id="nav-tabContent">
                                        <div class="tab-pane fade show active" id="nav-popular-1" role="tabpanel"
                                            aria-labelledby="nav-popular-1-tab" tabindex="0">
                                            <div class="swiper-container ms-popular2-active">
                                                <div class="swiper-wrapper">
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-01.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Singers</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-02.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Bands &
                                                                    Group</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-03.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Tributes</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-04.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Solo Musicians
                                                                </a></h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-01.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Singers</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-02.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Bands &
                                                                    Group</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-03.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Tributes</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-04.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Solo Musicians
                                                                </a></h4>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-popular-2" role="tabpanel"
                                            aria-labelledby="nav-popular-2-tab" tabindex="0">
                                            <div class="swiper-container ms-popular2-active">
                                                <div class="swiper-wrapper">
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-01.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Singers</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-02.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Bands &
                                                                    Group</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-03.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Tributes</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-04.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Solo Musicians
                                                                </a></h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-01.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Singers</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-02.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Bands &
                                                                    Group</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-03.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Tributes</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-04.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Solo Musicians
                                                                </a></h4>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-popular-3" role="tabpanel"
                                            aria-labelledby="nav-popular-3-tab" tabindex="0">
                                            <div class="swiper-container ms-popular2-active">
                                                <div class="swiper-wrapper">
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-01.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Singers</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-02.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Bands &
                                                                    Group</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-03.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Tributes</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-04.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Solo Musicians
                                                                </a></h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-01.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Singers</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-02.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Bands &
                                                                    Group</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-03.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Tributes</a>
                                                            </h4>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                        <div class="ms-popular__item p-relative mb-30">
                                                            <div class="ms-popular__thumb">
                                                                <div class="ms-popular-overlay"></div>
                                                                <a href="genres-details.html"><img
                                                                        src="assets/img/popular/popular-04.png"
                                                                        alt="popular band"></a>
                                                                <a href="genres-details.html" class="ms-popular__link">
                                                                    <span class="ms-popular-icon"><i
                                                                            class="fa-regular fa-arrow-right-long"></i></span>
                                                                </a>
                                                            </div>
                                                            <h4 class="ms-popular__title"><a
                                                                    href="genres-details.html">Solo Musicians
                                                                </a></h4>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- Popular  area end -->

                    <!-- Function Brand Area Start Here  -->
                    <section class="ms-fun-brand ms-bg-2 pb-130 pt-125">
                        <div class="container">
                            <div class="row justify-content-center bdFadeUp">
                                <div class="col-xl-7">
                                    <div class="section__title-wrapper mb-65 text-center bd-title-anim">
                                        <span class="section__subtitle">Function Bands</span>
                                        <h2 class="section__title">
                                            our most <span class="ms-text1">popular function</span> bands
                                        </h2>
                                    </div>
                                </div>
                            </div>
                            <div class="ms-fun-brand-wrap bdFadeUp">
                                <div class="ms-fun-brand-item ms-fun-border">
                                    <div class="ms-fun-brand-top mb-20">
                                        <div class="ms-fun-brand-thumb">
                                            <a href="genres-details.html"><img
                                                    src="assets/img/function-brand/function-brand-01.png"
                                                    alt="function brand"></a>
                                        </div>
                                        <div class="ms-fun-brand-content">
                                            <h3 class="ms-fun-brand-title"><a href="genres-details.html">Beastie
                                                    Boys</a></h3>
                                            <span class="ms-fun-brand-subtitle">American hip-hop</span>
                                        </div>
                                    </div>
                                    <div class="ms-fun-brand-bottom">
                                        <div class="ms-fun-brand-location">
                                            <a href="https://www.google.com/maps" target="_blank"> <i
                                                    class="flaticon-pin"></i>Ohio</a>
                                        </div>
                                        <div class="ms-fun-brand-rating">
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-item ms-fun-border">
                                    <div class="ms-fun-brand-top mb-20">
                                        <div class="ms-fun-brand-thumb">
                                            <a href="genres-details.html"><img
                                                    src="assets/img/function-brand/function-brand-02.png"
                                                    alt="function brand"></a>
                                        </div>
                                        <div class="ms-fun-brand-content">
                                            <h3 class="ms-fun-brand-title"><a href="genres-details.html">Blondie</a>
                                            </h3>
                                            <span class="ms-fun-brand-subtitle">American rock group</span>
                                        </div>
                                    </div>
                                    <div class="ms-fun-brand-bottom">
                                        <div class="ms-fun-brand-location">
                                            <a href="https://www.google.com/maps" target="_blank"> <i
                                                    class="flaticon-pin"></i>Chicago</a>
                                        </div>
                                        <div class="ms-fun-brand-rating">
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star unrate"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-item ms-fun-border">
                                    <div class="ms-fun-brand-top mb-20">
                                        <div class="ms-fun-brand-thumb">
                                            <a href="genres-details.html"><img
                                                    src="assets/img/function-brand/function-brand-03.png"
                                                    alt="function brand"></a>
                                        </div>
                                        <div class="ms-fun-brand-content">
                                            <h3 class="ms-fun-brand-title"><a href="genres-details.html">Black
                                                    Sabbath</a></h3>
                                            <span class="ms-fun-brand-subtitle">British rock group</span>
                                        </div>
                                    </div>
                                    <div class="ms-fun-brand-bottom">
                                        <div class="ms-fun-brand-location">
                                            <a href="https://www.google.com/maps" target="_blank"> <i
                                                    class="flaticon-pin"></i>London</a>
                                        </div>
                                        <div class="ms-fun-brand-rating">
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-item ms-fun-border">
                                    <div class="ms-fun-brand-top mb-20">
                                        <div class="ms-fun-brand-thumb">
                                            <a href="genres-details.html"><img
                                                    src="assets/img/function-brand/function-brand-04.png"
                                                    alt="function brand"></a>
                                        </div>
                                        <div class="ms-fun-brand-content">
                                            <h3 class="ms-fun-brand-title"><a href="genres-details.html">The
                                                    Coasters</a></h3>
                                            <span class="ms-fun-brand-subtitle">Canada band group</span>
                                        </div>
                                    </div>
                                    <div class="ms-fun-brand-bottom">
                                        <div class="ms-fun-brand-location">
                                            <a href="https://www.google.com/maps" target="_blank"> <i
                                                    class="flaticon-pin"></i>London</a>
                                        </div>
                                        <div class="ms-fun-brand-rating">
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-item ms-fun-border">
                                    <div class="ms-fun-brand-top mb-20">
                                        <div class="ms-fun-brand-thumb">
                                            <a href="genres-details.html"><img
                                                    src="assets/img/function-brand/function-brand-05.png"
                                                    alt="function brand"></a>
                                        </div>
                                        <div class="ms-fun-brand-content">
                                            <h3 class="ms-fun-brand-title"><a href="genres-details.html">Beastie
                                                    Boys</a></h3>
                                            <span class="ms-fun-brand-subtitle">American hip-hop</span>
                                        </div>
                                    </div>
                                    <div class="ms-fun-brand-bottom">
                                        <div class="ms-fun-brand-location">
                                            <a href="https://www.google.com/maps" target="_blank"> <i
                                                    class="flaticon-pin"></i>Georgia</a>
                                        </div>
                                        <div class="ms-fun-brand-rating">
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star unrate"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-item ms-fun-border">
                                    <div class="ms-fun-brand-top mb-20">
                                        <div class="ms-fun-brand-thumb">
                                            <a href="genres-details.html"><img
                                                    src="assets/img/function-brand/function-brand-06.png"
                                                    alt="function brand"></a>
                                        </div>
                                        <div class="ms-fun-brand-content">
                                            <h3 class="ms-fun-brand-title"><a href="genres-details.html">Blondie</a>
                                            </h3>
                                            <span class="ms-fun-brand-subtitle">American rock group</span>
                                        </div>
                                    </div>
                                    <div class="ms-fun-brand-bottom">
                                        <div class="ms-fun-brand-location">
                                            <a href="https://www.google.com/maps" target="_blank"> <i
                                                    class="flaticon-pin"></i>City
                                                Club</a>
                                        </div>
                                        <div class="ms-fun-brand-rating">
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-item ms-fun-border">
                                    <div class="ms-fun-brand-top mb-20">
                                        <div class="ms-fun-brand-thumb">
                                            <a href="genres-details.html"><img
                                                    src="assets/img/function-brand/function-brand-07.png"
                                                    alt="function brand"></a>
                                        </div>
                                        <div class="ms-fun-brand-content">
                                            <h3 class="ms-fun-brand-title"><a href="genres-details.html">Black
                                                    Sabbath</a></h3>
                                            <span class="ms-fun-brand-subtitle">British rock group</span>
                                        </div>
                                    </div>
                                    <div class="ms-fun-brand-bottom">
                                        <div class="ms-fun-brand-location">
                                            <a href="https://www.google.com/maps" target="_blank"> <i
                                                    class="flaticon-pin"></i>Kenia</a>
                                        </div>
                                        <div class="ms-fun-brand-rating">
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-item ms-fun-border">
                                    <div class="ms-fun-brand-top mb-20">
                                        <div class="ms-fun-brand-thumb">
                                            <a href="genres-details.html"><img
                                                    src="assets/img/function-brand/function-brand-08.png"
                                                    alt="function brand"></a>
                                        </div>
                                        <div class="ms-fun-brand-content">
                                            <h3 class="ms-fun-brand-title"><a href="genres-details.html">The
                                                    Coasters</a></h3>
                                            <span class="ms-fun-brand-subtitle">Canada band group</span>
                                        </div>
                                    </div>
                                    <div class="ms-fun-brand-bottom">
                                        <div class="ms-fun-brand-location">
                                            <a href="https://www.google.com/maps" target="_blank"> <i
                                                    class="flaticon-pin"></i>Pakistan</a>
                                        </div>
                                        <div class="ms-fun-brand-rating">
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star unrate"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-item ms-fun-border">
                                    <div class="ms-fun-brand-top mb-20">
                                        <div class="ms-fun-brand-thumb">
                                            <a href="genres-details.html"><img
                                                    src="assets/img/function-brand/function-brand-02.png"
                                                    alt="function brand"></a>
                                        </div>
                                        <div class="ms-fun-brand-content">
                                            <h3 class="ms-fun-brand-title"><a href="genres-details.html">Blondie</a>
                                            </h3>
                                            <span class="ms-fun-brand-subtitle">American rock group</span>
                                        </div>
                                    </div>
                                    <div class="ms-fun-brand-bottom">
                                        <div class="ms-fun-brand-location">
                                            <a href="https://www.google.com/maps" target="_blank"> <i
                                                    class="flaticon-pin"></i>Chicago</a>
                                        </div>
                                        <div class="ms-fun-brand-rating">
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star unrate"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-item ms-fun-border">
                                    <div class="ms-fun-brand-top mb-20">
                                        <div class="ms-fun-brand-thumb">
                                            <a href="genres-details.html"><img
                                                    src="assets/img/function-brand/function-brand-01.png"
                                                    alt="function brand"></a>
                                        </div>
                                        <div class="ms-fun-brand-content">
                                            <h3 class="ms-fun-brand-title"><a href="genres-details.html">Beastie
                                                    Boys</a></h3>
                                            <span class="ms-fun-brand-subtitle">American hip-hop</span>
                                        </div>
                                    </div>
                                    <div class="ms-fun-brand-bottom">
                                        <div class="ms-fun-brand-location">
                                            <a href="https://www.google.com/maps" target="_blank"> <i
                                                    class="flaticon-pin"></i>Ohio</a>
                                        </div>
                                        <div class="ms-fun-brand-rating">
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-item ms-fun-border">
                                    <div class="ms-fun-brand-top mb-20">
                                        <div class="ms-fun-brand-thumb">
                                            <a href="genres-details.html"><img
                                                    src="assets/img/function-brand/function-brand-05.png"
                                                    alt="function brand"></a>
                                        </div>
                                        <div class="ms-fun-brand-content">
                                            <h3 class="ms-fun-brand-title"><a href="genres-details.html">Beastie
                                                    Boys</a></h3>
                                            <span class="ms-fun-brand-subtitle">American hip-hop</span>
                                        </div>
                                    </div>
                                    <div class="ms-fun-brand-bottom">
                                        <div class="ms-fun-brand-location">
                                            <a href="https://www.google.com/maps" target="_blank"> <i
                                                    class="flaticon-pin"></i>Georgia</a>
                                        </div>
                                        <div class="ms-fun-brand-rating">
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star unrate"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-item ms-fun-border">
                                    <div class="ms-fun-brand-top mb-20">
                                        <div class="ms-fun-brand-thumb">
                                            <a href="genres-details.html"><img
                                                    src="assets/img/function-brand/function-brand-06.png"
                                                    alt="function brand"></a>
                                        </div>
                                        <div class="ms-fun-brand-content">
                                            <h3 class="ms-fun-brand-title"><a href="genres-details.html">Blondie</a>
                                            </h3>
                                            <span class="ms-fun-brand-subtitle">American rock group</span>
                                        </div>
                                    </div>
                                    <div class="ms-fun-brand-bottom">
                                        <div class="ms-fun-brand-location">
                                            <a href="https://www.google.com/maps" target="_blank"> <i
                                                    class="flaticon-pin"></i>City
                                                Club</a>
                                        </div>
                                        <div class="ms-fun-brand-rating">
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                            <i class="flaticon-star"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- Function Brand Area End Here  -->

                    <!-- Event Area Start Here  -->
                    <section class="ms-event2-area include__bg zindex-1 p-relative pt-140 pb-105"
                        data-background="assets/img/event/event-bg-3.png">
                        <div class="ms-overlay ms-overlay1 zindex--1"></div>
                        <div class="container">
                            <div class="row justify-content-center mb-20 bdFadeUp">
                                <div class="col-xl-6">
                                    <div class="ms-event2-top text-center">
                                        <div class="ms-event2 mb-40">
                                            <a class="ms-round2-btn popup-video"
                                                href="https://www.youtube.com/watch?v=ZrACEetKEjU"><i
                                                    class="fa-sharp fa-solid fa-play"></i></a>
                                        </div>
                                        <div class="section__title-wrapper mb-40 bd-title-anim">
                                            <span class="section__subtitle">Special Events</span>
                                            <h2 class="section__title">Special <span class="ms-text1">event</span>
                                                coming up
                                            </h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row bdFadeUp">
                                <div class="col-lg-6">
                                    <div class="ms-event2-item mb-25">
                                        <h3 class="ms-event-title"><a href="event-details.html">Wedding entertainment
                                                ideas</a>
                                        </h3>
                                        <p class="ms-event-text">Our hand-picked acts will guarantee you fantastic
                                            wedding
                                            entertainment for each part.
                                            We'll provide help and support 24 hours a day, 7 days a week, right up until
                                        </p>
                                        <div class="ms-event-inner">
                                            <div class="ms-event-location">
                                                <a href="https://www.google.com/maps" target="_blank" tabindex="0"><i
                                                        class="flaticon-pin"></i>Chicago</a>
                                            </div>
                                            <div class="ms-event-date">
                                                <span>7:00 PM, Saturday, February 18, 2023</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="ms-event2-item mb-25">
                                        <h3 class="ms-event-title"><a href="event-details.html">Corporate entertainment
                                                ideas</a>
                                        </h3>
                                        <p class="ms-event-text">Our hand-picked acts will guarantee you fantastic
                                            wedding
                                            entertainment for each part.
                                            We'll provide help and support 24 hours a day, 7 days a week, right up until
                                        </p>
                                        <div class="ms-event-inner">
                                            <div class="ms-event-location">
                                                <a href="https://www.google.com/maps" target="_blank" tabindex="0"><i
                                                        class="flaticon-pin"></i>Ohio</a>
                                            </div>
                                            <div class="ms-event-date">
                                                <span>9:00 PM, Saturday, February 25, 2023</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="ms-event2-item mb-25">
                                        <h3 class="ms-event-title"><a href="event-details.html">Corporate entertainment
                                                ideas</a>
                                        </h3>
                                        <p class="ms-event-text">Our hand-picked acts will guarantee you fantastic
                                            wedding
                                            entertainment for each part.
                                            We'll provide help and support 24 hours a day, 7 days a week, right up until
                                        </p>
                                        <div class="ms-event-inner">
                                            <div class="ms-event-location">
                                                <a href="https://www.google.com/maps" target="_blank" tabindex="0"><i
                                                        class="flaticon-pin"></i>Ohio</a>
                                            </div>
                                            <div class="ms-event-date">
                                                <span>9:00 PM, Saturday, February 25, 2023</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="ms-event2-item mb-25">
                                        <h3 class="ms-event-title"><a href="event-details.html">New Year’s Eve party
                                                bands</a>
                                        </h3>
                                        <p class="ms-event-text">Our hand-picked acts will guarantee you fantastic
                                            wedding
                                            entertainment for each part.
                                            We'll provide help and support 24 hours a day, 7 days a week, right up until
                                        </p>
                                        <div class="ms-event-inner">
                                            <div class="ms-event-location">
                                                <a href="https://www.google.com/maps" target="_blank" tabindex="0"><i
                                                        class="flaticon-pin"></i>City Club</a>
                                            </div>
                                            <div class="ms-event-date">
                                                <span>9:00 PM, Saturday, January 1, 2023</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- Event Area End Here  -->

                    <!-- Trending area start -->
                    <section class="trending__area p-relative z-index-11 pt-130 pb-60">
                        <div class="container">
                            <div class="row align-items-end mb-25 bdFadeUp">
                                <div class="col-lg-8">
                                    <div class="section__title-wrapper mb-40 bd-title-anim">
                                        <span class="section__subtitle">Trending Genres</span>
                                        <h2 class="section__title">Most <span class="ms-text1">Trending
                                                genres</span>
                                        </h2>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="trending-btn mb-40 d-flex justify-content-lg-end">
                                        <a class="border__btn" href="genres.html">View All Genres</a>
                                    </div>
                                </div>
                            </div>
                            <div class="row ms-trending3-wrap bdFadeUp">
                                <div class="col-xl-4 col-md-6">
                                    <div class="ms-trending3-item p-relative fix mb-40">
                                        <div class="ms-trending3-img w-img ms-br-15 p-relative fix mb-30">
                                            <a href="genres-details.html"><img src="assets/img/trending/01.jpg"
                                                    alt="trending image"></a>
                                            <div class="trending__arrow">
                                                <a href="assets/img/trending/01.jpg" class="popup-image"><i
                                                        class="fa-regular fa-arrow-right-long"></i></a>
                                            </div>
                                            <span class="trending__title">Musicly</span>
                                            <div class="trending__number">
                                                <span>01</span>
                                            </div>
                                            <div class="trending__price">
                                                <span>From $99</span>
                                            </div>
                                        </div>
                                        <div class="ms-trending3-content">
                                            <h3 class="ms-trending3-title mb-25"><a href="genres-details.html">Party
                                                    bands for
                                                    hire</a></h3>
                                            <p class="ms-trending3-text">Party Bands For Hire a Live Music Agency
                                                offering an
                                                unknown
                                                printer
                                                took a galley wtnd scrambled.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-md-6">
                                    <div class="ms-trending3-item p-relative fix mb-40">
                                        <div class="ms-trending3-img w-img ms-br-15 p-relative fix mb-30">
                                            <a href="genres-details.html"><img src="assets/img/trending/02.jpg"
                                                    alt="trending image"></a>
                                            <div class="trending__arrow">
                                                <a href="assets/img/trending/02.jpg" class="popup-image"><i
                                                        class="fa-regular fa-arrow-right-long"></i></a>
                                            </div>
                                            <span class="trending__title">Musicly</span>
                                            <div class="trending__number">
                                                <span>02</span>
                                            </div>
                                            <div class="trending__price">
                                                <span>From $123</span>
                                            </div>
                                        </div>
                                        <div class="ms-trending3-content">
                                            <h3 class="ms-trending3-title mb-25"><a href="genres-details.html">Party
                                                    bands for
                                                    hire</a></h3>
                                            <p class="ms-trending3-text">Party Bands For Hire a Live Music Agency
                                                offering an
                                                unknown
                                                printer
                                                took a galley wtnd scrambled.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-md-6">
                                    <div class="ms-trending3-item p-relative fix mb-40">
                                        <div class="ms-trending3-img w-img ms-br-15 p-relative fix mb-30">
                                            <a href="genres-details.html"><img src="assets/img/trending/03.jpg"
                                                    alt="trending image"></a>
                                            <div class="trending__arrow">
                                                <a href="assets/img/trending/03.jpg" class="popup-image"><i
                                                        class="fa-regular fa-arrow-right-long"></i></a>
                                            </div>
                                            <span class="trending__title">Musicly</span>
                                            <div class="trending__number">
                                                <span>03</span>
                                            </div>
                                            <div class="trending__price">
                                                <span>From $150</span>
                                            </div>
                                        </div>
                                        <div class="ms-trending3-content">
                                            <h3 class="ms-trending3-title mb-25"><a href="genres-details.html">Party
                                                    bands for
                                                    hire</a></h3>
                                            <p class="ms-trending3-text">Party Bands For Hire a Live Music Agency
                                                offering an
                                                unknown
                                                printer
                                                took a galley wtnd scrambled.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- Trending area start -->

                    <!-- Testimonial area end here  -->
                    <section class="ms-tm2-area p-relative fix pt-10 pb-125">
                        <div class="ms-tm2-line p-absolute">
                            <img src="assets/img/testimonial/testimonial-line.png" alt="testimonial line">
                        </div>
                        <div class="container">
                            <div class="row justify-content-center bdFadeUp">
                                <div class="col-xl-6">
                                    <div class="section__title-wrapper text-center mb-65 bd-title-anim">
                                        <span class="section__subtitle">Awesome Feedbacks</span>
                                        <h2 class="section__title">Peoples <span class="ms-text1">Think</span> About us
                                        </h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="container">
                            <div class="ms-tm2-imgs-wrap p-relative">
                                <div class="ms-tm2-img1 ms-tm2-shadow p-absolute w-img d-none d-md-block">
                                    <img src="assets/img/testimonial/testimonial-07.png" alt="testimonial image">
                                </div>
                                <div class="ms-tm2-img2 ms-tm2-shadow p-absolute w-img d-none d-lg-block">
                                    <img src="assets/img/testimonial/testimonial-08.png" alt="testimonial image">
                                </div>
                                <div class="ms-tm2-img3 ms-tm2-shadow p-absolute w-img d-none d-xl-block">
                                    <img src="assets/img/testimonial/testimonial-09.png" alt="testimonial image">
                                </div>
                                <div class="ms-tm2-img4 ms-tm2-shadow p-absolute w-img d-none d-md-block">
                                    <img src="assets/img/testimonial/testimonial-10.png" alt="testimonial image">
                                </div>
                                <div class="ms-tm2-img5 ms-tm2-shadow p-absolute w-img d-none d-lg-block">
                                    <img src="assets/img/testimonial/testimonial-11.png" alt="testimonial image">
                                </div>
                                <div class="ms-tm2-img6 ms-tm2-shadow p-absolute w-img d-none d-xl-block">
                                    <img src="assets/img/testimonial/testimonial-12.png" alt="testimonial image">
                                </div>
                                <div class="row justify-content-center bdFadeUp">
                                    <div class="col-xl-8">
                                        <div class="ms-tm2-wrap">
                                            <div class="ms-tm2-active mb-60">
                                                <div class="ms-tm2-item text-center">
                                                    <div class="ms-tm2-img-main">
                                                        <div class="ms-tm2-img-wrap p-relative d-inline-block mx-auto">
                                                            <div class="ms-tm2-signature w-img">
                                                                <img src="assets/img/testimonial/testimonial-signature.png"
                                                                    alt="testimonial signature">
                                                            </div>
                                                            <div class="ms-tm2-author-img m-img">
                                                                <img src=" assets/img/testimonial/testimonial-06.png"
                                                                    alt="testimonial image">
                                                            </div>
                                                        </div>
                                                        <div class="ms-tm2-content pt-35">
                                                            <div class="ms-tm2-quotation mb-25">
                                                                <i class="flaticon-quotation"></i>
                                                            </div>
                                                            <p class="ms-tm2-text mb-30">It is a sequence of Latin words
                                                                that, as they
                                                                are
                                                                positioned, do
                                                                not form sentences
                                                                with a complete sense, but give life
                                                                to a test text useful to fill spaces that will
                                                                subsequently be occupied
                                                                from ad
                                                                hoc
                                                                texts composed by communication
                                                                professionals.</p>
                                                            <div class="ms-tm2-author">
                                                                <span class="ms-tm2-name">Dio Caprio</span>
                                                                <span class="ms-tm2-designation">CEO - XYZ
                                                                    Innovation</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ms-tm2-item text-center">
                                                    <div class="ms-tm2-img-main">
                                                        <div class="ms-tm2-img-wrap p-relative d-inline-block mx-auto">
                                                            <div class="ms-tm2-signature w-img">
                                                                <img src="assets/img/testimonial/testimonial-signature.png"
                                                                    alt="testimonial signature">
                                                            </div>
                                                            <div class="ms-tm2-author-img m-img">
                                                                <img src=" assets/img/testimonial/testimonial-06.png"
                                                                    alt="testimonial image">
                                                            </div>
                                                        </div>
                                                        <div class="ms-tm2-content pt-35">
                                                            <div class="ms-tm2-quotation mb-25">
                                                                <i class="flaticon-quotation"></i>
                                                            </div>
                                                            <p class="ms-tm2-text mb-30">It is a sequence of Latin words
                                                                that, as they
                                                                are
                                                                positioned, do
                                                                not form sentences
                                                                with a complete sense, but give life
                                                                to a test text useful to fill spaces that will
                                                                subsequently be occupied
                                                                from ad
                                                                hoc
                                                                texts composed by communication
                                                                professionals.</p>
                                                            <div class="ms-tm2-author">
                                                                <span class="ms-tm2-name">Dio Caprio</span>
                                                                <span class="ms-tm2-designation">CEO - XYZ
                                                                    Innovation</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ms-tm2-item text-center">
                                                    <div class="ms-tm2-img-main">
                                                        <div class="ms-tm2-img-wrap p-relative d-inline-block mx-auto">
                                                            <div class="ms-tm2-signature w-img">
                                                                <img src="assets/img/testimonial/testimonial-signature.png"
                                                                    alt="testimonial signature">
                                                            </div>
                                                            <div class="ms-tm2-author-img m-img">
                                                                <img src=" assets/img/testimonial/testimonial-06.png"
                                                                    alt="testimonial image">
                                                            </div>
                                                        </div>
                                                        <div class="ms-tm2-content pt-35">
                                                            <div class="ms-tm2-quotation mb-25">
                                                                <i class="flaticon-quotation"></i>
                                                            </div>
                                                            <p class="ms-tm2-text mb-30">It is a sequence of Latin words
                                                                that, as they
                                                                are
                                                                positioned, do
                                                                not form sentences
                                                                with a complete sense, but give life
                                                                to a test text useful to fill spaces that will
                                                                subsequently be occupied
                                                                from ad
                                                                hoc
                                                                texts composed by communication
                                                                professionals.</p>
                                                            <div class="ms-tm2-author">
                                                                <span class="ms-tm2-name">Dio Caprio</span>
                                                                <span class="ms-tm2-designation">CEO - XYZ
                                                                    Innovation</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div
                                                class="ms-tm2-dots ms-tm-dots-horizontal ms-round-dots d-flex justify-content-center mt-20">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- Testimonial area end here  -->

                    <!-- News area end here  -->
                    <section class="ms-news3-area ms-bg-2 p-relative fix pt-130 pb-90">
                        <div class="container">
                            <div class="row justify-content-center bdFadeUp">
                                <div class="col-xl-6">
                                    <div class="section__title-wrapper text-center mb-25 bd-title-anim">
                                        <span class="section__subtitle">Latest News</span>
                                        <h2 class="section__title"><span class="ms-text1">Musicly</span>
                                            Morning Insight
                                        </h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ms-news3-wrap bdFadeUp">
                            <div class="swiper-container ms-news3-active">
                                <div class="ms-news3-slick">
                                    <div class="ms-news3-item p-relative">
                                        <a class="ms-news3-cat" href="news-details.html">Event</a>
                                        <h3 class="ms-news3-title"><a href="news-details.html">What's more, our live
                                                music To The
                                                guaran
                                                tee means that</a></h3>
                                        <div class="ms-news-meta">
                                            <ul>
                                                <li><span>Feb 27, 2023</span></li>
                                                <li><a href="news-details.html">0 Comments</a></li>
                                            </ul>
                                        </div>
                                        <div class="ms-news3-img w-img ms-br-15 fix">
                                            <a href="news-details.html"><img src="assets/img/news/news-01.png"
                                                    alt="news image"></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-news3-slick">
                                    <div class="ms-news3-item p-relative">
                                        <a class="ms-news3-cat" href="news-details.html">Wedding Party</a>
                                        <h3 class="ms-news3-title"><a href="news-details.html">The first dance as a
                                                married
                                                couple has become</a></h3>
                                        <div class="ms-news-meta">
                                            <ul>
                                                <li><span>Mar 01, 2023, 2023</span></li>
                                                <li><a href="news-details.html">10 Comments</a></li>
                                            </ul>
                                        </div>
                                        <div class="ms-news3-img w-img ms-br-15 fix">
                                            <a href="news-details.html"><img src="assets/img/news/news-02.png"
                                                    alt="news image"></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-news3-slick">
                                    <div class="ms-news3-item p-relative">
                                        <a class="ms-news3-cat" href="news-details.html">DJ Party Event</a>
                                        <h3 class="ms-news3-title"><a href="news-details.html">Our exclusive range of
                                                live bands
                                                for hire have experience</a></h3>
                                        <div class="ms-news-meta">
                                            <ul>
                                                <li><span>Mar 02, 2023</span></li>
                                                <li><a href="news-details.html">20 Comments</a></li>
                                            </ul>
                                        </div>
                                        <div class="ms-news3-img w-img ms-br-15 fix">
                                            <a href="news-details.html"><img src="assets/img/news/news-03.png"
                                                    alt="news image"></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-news3-slick">
                                    <div class="ms-news3-item p-relative">
                                        <a class="ms-news3-cat" href="news-details.html">Wedding Party</a>
                                        <h3 class="ms-news3-title"><a href="news-details.html">The first dance as a
                                                married
                                                couple has become</a></h3>
                                        <div class="ms-news-meta">
                                            <ul>
                                                <li><span>Mar 04, 2023, 2023</span></li>
                                                <li><a href="news-details.html">10 Comments</a></li>
                                            </ul>
                                        </div>
                                        <div class="ms-news3-img w-img ms-br-15 fix">
                                            <a href="news-details.html"><img src="assets/img/news/news-02.png"
                                                    alt="news image"></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="ms-news3-slick">
                                    <div class="ms-news3-item p-relative">
                                        <a class="ms-news3-cat" href="news-details.html">DJ Party Event</a>
                                        <h3 class="ms-news3-title"><a href="news-details.html">Our exclusive range of
                                                live bands
                                                for hire have experience</a></h3>
                                        <div class="ms-news-meta">
                                            <ul>
                                                <li><span>Mar 05, 2023</span></li>
                                                <li><a href="news-details.html">05 Comments</a></li>
                                            </ul>
                                        </div>
                                        <div class="ms-news3-img w-img ms-br-15 fix">
                                            <a href="news-details.html"><img src="assets/img/news/news-03.png"
                                                    alt="news image"></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- News area end here  -->

                    <!-- CTA Area Start Here  -->
                    <section class="ms-cta-area pt-130 pb-130 p-relative zindex-10">
                        <div class="container">
                            <div class="ms-cta-bg black-bg fix">
                                <div class="ms-cta-wrap">
                                    <div class="ms-cta-item">
                                        <div class="ms-cta-content">
                                            <h2 class="section__title mb-25">Best way to Hire to Musician
                                            </h2>
                                            <p class="mb-0">Party Bands For Hire a Live Music Agency offering an
                                                unknown
                                                printer took a
                                                galley
                                                wtnd scrambled
                                                it
                                                to
                                                makeive centuriesbut
                                                also.</p>
                                        </div>
                                    </div>
                                    <div class="ms-cta-item">
                                        <div class="ms-cta-img">
                                            <img src="assets/img/cta/cta-01.png" alt="cta image">
                                        </div>
                                    </div>
                                    <div class="ms-cta-item">
                                        <div class="ms-cta-app">
                                            <a target="_blank" href="#"><img src="assets/img/cta/app-store.png"
                                                    alt="app store"></a>
                                            <a target="_blank" href="#"><img src="assets/img/cta/play-store.png"
                                                    alt="play store"></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- CTA Area End Here  -->

                </main>

                <!-- Footer Area Start Here  -->
                <footer>
                    <div class="ms-footer3-wrap include__bg zindex-1 p-relative"
                        data-background="assets/img/bg/footer-bg.png">
                        <div class="ms-overlay ms-overlay5 p-absolute zindex--1"></div>
                        <div class="ms-footer3-top pt-130">
                            <div class="container">
                                <div class="ms-border2">
                                    <div class="ms-footer2-logo mb-130 mx-auto">
                                        <a href="index.html"><img src="assets/img/logo/footer3-logo.png"
                                                alt="footer logo"></a>
                                    </div>
                                    <div class=" ms-footer2-top-inner ms-border1 ms-br-100 ms-bg-4 mb-65">
                                        <div class="row align-items-center">
                                            <div class="col-lg-6">
                                                <div class="ms-footer2-rating three mb-10">
                                                    <h3>Excellent : 1050 Review On <a href="#"><img
                                                                src="assets/img/footer/start-01.png"
                                                                alt="footer image"></a></h3>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="ms-subscribe2-form p-relative mb-10 d-none d-sm-block">
                                                    <i class="flaticon-mail"></i>
                                                    <input type="text" placeholder="Enter your mail">
                                                    <button type="submit" class="ms-subscribe2-btn">Subscribe Now <i
                                                            class="fa-sharp fa-solid fa-paper-plane"></i></button>
                                                </div>

                                                <div class="ms-subscribe2-mobile p-relative mb-10 d-sm-none">
                                                    <i class="flaticon-mail"></i>
                                                    <input type="text" placeholder="Enter your mail">
                                                    <button type="submit" class="ms-subscribe2-m-btn">Subscribe Now <i
                                                            class="fa-sharp fa-solid fa-paper-plane"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-15">
                                        <div class="col-xxl-4 col-lg-5 col-md-6">
                                            <div class="ms-footer2-widget mb-50 pr-20">
                                                <h3 class="ms-footer2-title">Get in touch</h3>
                                                <div class="ms-footer2-contact border-0 pb-40">
                                                    <ul>
                                                        <li><i class="flaticon-pin"></i><a href="#">936 Kuhl Avenue,
                                                                Norcross, Georgia
                                                                GA 5983, United State</a></li>
                                                        <li><i class="flaticon-phone-call"></i><a
                                                                href="tel:03332920560">0333 292
                                                                0560</a></li>
                                                        <li><i class="flaticon-mail"></i><a href="/cdn-cgi/l/email-protection#a8c1c6cec7e8c5dddbc1cbc4d1cbc7c6dcc9cbdc86cbc7c5"><span class="__cf_email__" data-cfemail="731a1d151c331e06001a101f0a101c1d071210075d101c1e">[email&#160;protected]</span></a>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="ms-footer-social mb-15">
                                                    <a href="https://www.instagram.com/" title="Instagram"
                                                        target="_blank">IN</a>
                                                    <a href="https://twitter.com/" title="Twitter"
                                                        target="_blank">TW</a>
                                                    <a href="https://www.facebook.com/" title="Facebook"
                                                        target="_blank">FB</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xxl-2 col-lg-3 col-md-6">
                                            <div class="ms-footer2-widget ms-footer2-widget2 mb-50">
                                                <h3 class="ms-footer2-title">Company</h3>
                                                <ul>
                                                    <li><a href="about.html">About us</a></li>
                                                    <li><a href="contact.html">Contact us</a></li>
                                                    <li><a href="contact.html">Terms & Policy</a></li>
                                                    <li><a href="contact.html">Help & Support</a></li>
                                                    <li><a href="#">Press</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-xxl-2 col-lg-3 col-md-6">
                                            <div class="ms-footer2-widget mb-50">
                                                <h3 class="ms-footer2-title">Local Band Group</h3>
                                                <ul>
                                                    <li><a href="#">The Tricks</a></li>
                                                    <li><a href="#">Sound City</a></li>
                                                    <li><a href="#">Big Teaser</a></li>
                                                    <li><a href="#">The New Tones</a></li>
                                                    <li><a href="#">Halos Music</a></li>
                                                    <li><a href="#">Soho Soul</a></li>
                                                    <li><a href="#">Atlantic</a></li>
                                                    <li><a href="#">The Fiction</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-xxl-2 col-lg-3 col-md-6">
                                            <div class="ms-footer2-widget mb-50">
                                                <h3 class="ms-footer2-title">Trending Genres</h3>
                                                <ul>
                                                    <li><a href="genres-details.html">Wedding Bands</a></li>
                                                    <li><a href="genres-details.html">Jazz & Swing</a></li>
                                                    <li><a href="genres-details.html">Musician</a></li>
                                                    <li><a href="genres-details.html">Classical Musician</a></li>
                                                    <li><a href="genres-details.html">Corporate Party</a></li>
                                                    <li><a href="genres-details.html">Premiere Party Band</a></li>
                                                    <li><a href="genres-details.html">DJ Songs</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-xxl-2 col-lg-3 col-md-6">
                                            <div class="ms-footer2-widget mb-50">
                                                <h3 class="ms-footer2-title">Country We Serve</h3>
                                                <ul>
                                                    <li><a href="#">United State</a></li>
                                                    <li><a href="#">Canada</a></li>
                                                    <li><a href="#">Australia</a></li>
                                                    <li><a href="#">China</a></li>
                                                    <li><a href="#">South Korea</a></li>
                                                    <li><a href="#">Japan</a></li>
                                                    <li><a href="#">Singapore</a></li>
                                                    <li><a href="#">Hong Kong</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ms-footer-bottom">
                            <div class="container">
                                <div class="ms-footer-bottom-wrap text-center pt-35 pb-20">
                                    <div class="ms-footer-copy">
                                        <p>© Musicly 2023, All Rights by <a href="http://www.bootstrapMB.com">bootstrapMB</a></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
                <!-- Footer Area End Here  -->
            </div>
        </div>
    </div>

    <!-- Back to top start -->
    <div class="progress-wrap">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
        </svg>
    </div>
    <!-- Back to top end -->

    <!-- JS here -->
    <script src="assets/app/js/jquery-3.6.0.min.js"></script>
    <script src="assets/app/js/waypoints.min.js"></script>
    <script src="assets/app/js/bootstrap.bundle.min.js"></script>
    <script src="assets/app/js/nice-select.min.js"></script>
    <script src="assets/app/js/meanmenu.min.js"></script>
    <script src="assets/app/js/swiper-bundle.min.js"></script>
    <script src="assets/app/js/slick.min.js"></script>
    <script src="assets/app/js/magnific-popup.min.js"></script>
    <script src="assets/app/js/backtotop.js"></script>
    <script src="assets/app/js/ajax-form.js"></script>
    <script src="assets/app/js/jquery-ui.min.js"></script>
    <script src="assets/app/js/gsap.min.js"></script>
    <script src="assets/app/js/ScrollSmoother.min.js"></script>
    <script src="assets/app/js/ScrollToPlugin.min.js"></script>
    <script src="assets/app/js/SplitText.min.js"></script>
    <script src="assets/app/js/ScrollTrigger.min.js"></script>
    <script src="assets/app/js/jquery.jplayer.min.js"></script>
    <script src="assets/app/js/jplayer.playlist.js"></script>
    <script src="assets/app/js/settings.js"></script>
    <script src="assets/app/js/main.js"></script>
</body>

</html>